﻿<div class="container form-horizontal">
    <update-meta property="og:title" content="{{share.title}}"></update-meta>
    <update-meta property="og:description" content="{{share.description}}" />
    <update-meta property="og:image" content="{{share.pictureUrl}}" />
    <update-meta property="og:url" content="{{share.url}}" />
    <div class="form-group">
        <carousel interval="2000" no-wrap="noWrapSlides">
            <slide ng-repeat="slide in slides" active="slide.active">
                <img ng-src="{{slide.pictureURL}}" height="450" width="550" style="margin:auto;" alt="{{Event.Name}}-{{Event.Venue}}"" title="{{Event.Name}}-{{Event.Venue}}">
                <div class="carousel-caption">
                    <h4>Slide {{$index}}</h4>
                    <p></p>
                </div>
            </slide>
        </carousel>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10 detail-title">
            <span>{{Event.Name}}</span>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">Venue</label>
        <div class="col-sm-10">
            <span>{{Event.Venue}}</span>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Details</label>
        <div class="col-sm-10 angular-with-newlines">
            <span> {{Event.Details}}</span>
        </div>
    </div>


    <div class="form-group">
        <label class="col-sm-2 control-label">Start Date</label>
        <div class="col-sm-10">
            <span>{{Event.StartDateTime | date:"dd/MM/yyyy"}}</span>
            <!--<input type="date" class="form-control" ng-model="Event.StartDateTime" disabled>-->
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">End Date</label>
        <div class="col-sm-10">
            <span>{{Event.EndDateTime | date:"dd/MM/yyyy"}}</span>
            <!--<input type="date" class="form-control" ng-model="Event.EndDateTime" disabled>-->
        </div>
    </div>
     <div class="col-sm-2">
            <a facebook-feed-share class="facebookShare" data-url='{{share.url}}' data-shares='shares' , data-caption='www.penangrealty.my 世界地產' data-name="my data name" data-picture='{{share.pictureUrl}}' data-description="{{share.description}} " class="angular-with-newlines">{{shares}} </a>
        </div>
        <div class="col-sm-2">
            <div gplus data-size="tall" data-annotation="bubble" data-href='{{share.url}}' data-action='share'></div>
        </div>


</div>